<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>红色人物 - 红色记忆·青春使命</title>
    <link rel="stylesheet" href="css/style.css">
    <link href="https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@300;400;500;700&display=swap" rel="stylesheet">
</head>
<body>
    <nav class="navbar">
        <div class="nav-container">
            <div class="nav-logo">
                <img src="images/logo.png" alt="红色记忆Logo" height="40">
                <span>红色记忆·青春使命</span>
            </div>
            <ul class="nav-menu">
                <li><a href="index.html">首页</a></li>
                <li><a href="about.html">关于我们</a></li>
                <li><a href="heroes.html" class="active">红色人物</a></li>
                <li><a href="stories.html">红色故事</a></li>
                <li><a href="gallery.html">红色图库</a></li>
                <li><a href="contact.html">联系我们</a></li>
            </ul>
        </div>
    </nav>

    <main class="main-content">
        <section class="page-header">
            <div class="container">
                <h1>红色人物</h1>
                <p>缅怀革命先烈，传承英雄精神</p>
            </div>
        </section>

        <section class="heroes-section">
            <div class="container">
                <div class="heroes-grid">
                    <div class="hero-card">
                        <div class="hero-image">
                            <img src="images/hero1.jpg" alt="刘志丹">
                        </div>
                        <div class="hero-content">
                            <h3>刘志丹</h3>
                            <p class="hero-title">西北红军和西北革命根据地的主要创建人</p>
                            <p class="hero-dates">1903-1936</p>
                            <div class="hero-achievements">
                                <h4>主要事迹</h4>
                                <ul>
                                    <li>创建陕甘边革命根据地</li>
                                    <li>领导西北红军开展游击战争</li>
                                    <li>为中央红军长征提供落脚点</li>
                                </ul>
                            </div>
                            <div class="hero-quote">
                                <p>"敌人只能砍下我们的头颅，决不能动摇我们的信仰！"</p>
                            </div>
                        </div>
                    </div>

                    <div class="hero-card">
                        <div class="hero-image">
                            <img src="images/hero2.jpg" alt="习仲勋">
                        </div>
                        <div class="hero-content">
                            <h3>习仲勋</h3>
                            <p class="hero-title">陕甘边革命根据地的主要创建者和领导者</p>
                            <p class="hero-dates">1913-2002</p>
                            <div class="hero-achievements">
                                <h4>主要事迹</h4>
                                <ul>
                                    <li>参与创建陕甘边革命根据地</li>
                                    <li>领导根据地经济建设</li>
                                    <li>新中国成立后担任重要领导职务</li>
                                </ul>
                            </div>
                            <div class="hero-quote">
                                <p>"我是中国人民的儿子，我深情地爱着我的祖国和人民。"</p>
                            </div>
                        </div>
                    </div>

                    <div class="hero-card">
                        <div class="hero-image">
                            <img src="images/hero3.jpg" alt="谢子长">
                        </div>
                        <div class="hero-content">
                            <h3>谢子长</h3>
                            <p class="hero-title">陕北红军和苏区创建人</p>
                            <p class="hero-dates">1897-1935</p>
                            <div class="hero-achievements">
                                <h4>主要事迹</h4>
                                <ul>
                                    <li>参与领导清涧起义</li>
                                    <li>创建陕北红军</li>
                                    <li>为陕北革命根据地奠定基础</li>
                                </ul>
                            </div>
                            <div class="hero-quote">
                                <p>"革命不怕死，怕死不革命"</p>
                            </div>
                        </div>
                    </div>

                    <div class="hero-card">
                        <div class="hero-image">
                            <img src="images/hero4.jpg" alt="董振堂">
                        </div>
                        <div class="hero-content">
                            <h3>董振堂</h3>
                            <p class="hero-title">红军高级指挥员</p>
                            <p class="hero-dates">1895-1937</p>
                            <div class="hero-achievements">
                                <h4>主要事迹</h4>
                                <ul>
                                    <li>宁都起义领导人之一</li>
                                    <li>红五军团军团长</li>
                                    <li>高台战役中壮烈牺牲</li>
                                </ul>
                            </div>
                            <div class="hero-quote">
                                <p>"革命理想高于天"</p>
                            </div>
                        </div>
                    </div>

                    <div class="hero-card">
                        <div class="hero-image">
                            <img src="images/hero5.jpg" alt="李妙斋">
                        </div>
                        <div class="hero-content">
                            <h3>李妙斋</h3>
                            <p class="hero-title">陕甘边革命根据地的创建者之一</p>
                            <p class="hero-dates">1903-1933</p>
                            <div class="hero-achievements">
                                <h4>主要事迹</h4>
                                <ul>
                                    <li>参与领导渭华起义</li>
                                    <li>协助刘志丹、谢子长创建陕甘边革命根据地</li>
                                    <li>指挥多次反“围剿”战斗</li>
                                </ul>
                            </div>
                            <div class="hero-quote">
                                <p>“为了革命胜利，甘愿洒尽最后一滴血！”</p>
                            </div>
                        </div>
                    </div>

                    <div class="hero-card">
                        <div class="hero-image">
                            <img src="images/hero6.jpg" alt="王泰吉">
                        </div>
                        <div class="hero-content">
                            <h3>王泰吉</h3>
                            <p class="hero-title">西北红军的重要将领</p>
                            <p class="hero-dates">1906-1934</p>
                            <div class="hero-achievements">
                                <h4>主要事迹</h4>
                                <ul>
                                    <li>领导麟游起义，组建西北民众抗日义勇军</li>
                                    <li>参与创建陕甘边革命根据地</li>
                                    <li>指挥多场游击战役</li>
                                </ul>
                            </div>
                            <div class="hero-quote">
                                <p>“饮弹从容向天笑，留得清白在人间！”</p>
                            </div>
                        </div>
                    </div>

                    <div class="hero-card">
                        <div class="hero-image">
                            <img src="images/hero7.jpg" alt="崔田夫">
                        </div>
                        <div class="hero-content">
                            <h3>崔田夫</h3>
                            <p class="hero-title">陕甘边革命根据地的领导者之一</p>
                            <p class="hero-dates">1899-1978</p>
                            <div class="hero-achievements">
                                <h4>主要事迹</h4>
                                <ul>
                                    <li>参与创建陕甘边革命根据地</li>
                                    <li>领导根据地群众开展土地革命</li>
                                    <li>为根据地政权建设和群众工作贡献力量</li>
                                </ul>
                            </div>
                            <div class="hero-quote">
                                <p>“革命的根基在群众，要永远和群众站在一起。”</p>
                            </div>
                        </div>
                    </div>

                    <div class="hero-card">
                        <div class="hero-image">
                            <img src="images/hero8.jpg" alt="张秀山">
                        </div>
                        <div class="hero-content">
                            <h3>张秀山</h3>
                            <p class="hero-title">陕甘边革命根据地的重要领导人</p>
                            <p class="hero-dates">1911-1996</p>
                            <div class="hero-achievements">
                                <h4>主要事迹</h4>
                                <ul>
                                    <li>参与创建陕甘边革命根据地</li>
                                    <li>领导根据地军事和地方工作</li>
                                    <li>为西北革命根据地发展发挥作用</li>
                                </ul>
                            </div>
                            <div class="hero-quote">
                                <p>“革命不怕牺牲，更要讲究斗争策略。”</p>
                            </div>
                        </div>
                    </div>

                    <div class="hero-card">
                        <div class="hero-image">
                            <img src="images/hero9.jpg" alt="吴岱峰">
                        </div>
                        <div class="hero-content">
                            <h3>吴岱峰</h3>
                            <p class="hero-title">西北红军的主要将领之一</p>
                            <p class="hero-dates">1893-1996</p>
                            <div class="hero-achievements">
                                <h4>主要事迹</h4>
                                <ul>
                                    <li>参与渭华起义，协助创建陕甘边革命根据地</li>
                                    <li>长期领导西北红军游击战争</li>
                                    <li>为陕甘革命根据地巩固立下战功</li>
                                </ul>
                            </div>
                            <div class="hero-quote">
                                <p>“革命不怕牺牲，更要讲究斗争策略。”</p>
                            </div>
                        </div>
                    </div>


                </div>
            </div>
        </section>
    </main>

    <footer class="site-footer">
        <div class="container">
            <div class="footer-content">
                <div class="footer-section">
                    <h3>红色记忆·青春使命</h3>
                    <p>传承红色文化，担当时代使命</p>
                </div>
                <div class="footer-section">
                    <h4>快速链接</h4>
                    <ul>
                        <li><a href="index.html">首页</a></li>
                        <li><a href="about.html">关于我们</a></li>
                        <li><a href="heroes.html">红色人物</a></li>
                        <li><a href="stories.html">红色故事</a></li>
                    </ul>
                </div>
                <div class="footer-section">
                    <h4>联系我们</h4>
                    <p>邮箱：2956276440@qq.com</p>
                    <p>甘肃农业大学信息科学技术学院</p>
                </div>
            </div>
            <div class="footer-bottom">
                <p>&copy; 2025 甘肃农业大学第四届红色网页设计大赛 - 对党忠诚队 | 版权所有</p>
            </div>
        </div>
    </footer>

    <script src="js/script.js"></script>
</body>
</html>